<script setup lang="ts">

</script>

<template>
  <!-- 超级会员卡片 -->
  <div class="mx-4 my-3">
    <div class="bg-[#FFF7E6] rounded-lg p-4 flex justify-between items-center">
      <div class="flex items-center">
        <!-- 皇冠图标 -->
        <div class="w-6 h-6 flex items-center justify-center">
          <img src="@/assets/image/super_member.png" class="i-carbon-crown text-[#FFB800] text-6"></img>
        </div>
        <!-- 会员文字 -->
        <span class="ml-2 text-[#664B00] text-3.5">
          <strong>超级会员</strong>   ·每月享超值权益
        </span>
      </div>
      <!-- 立即开通按钮 -->
      <div class="flex items-center text-[#664B00] text-3.5">
        <span class="font-medium">立即开通</span>
        <span class="ml-1 text-4">></span>
      </div>
    </div>
  </div>
</template>

<style scoped>

</style>